let Template = [
    {
        id: 'Panel0101_0001',
        component: 'Panel0101', // string 仪表盘
        style: {
            width: {
                value: 400,
                pixel: 400,
                unit: 'px'
            },
            height: {
                value: 400,
                pixel: 400,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#3F4C6A','#FFFFFF','#FFFFFF','#FFFFFF','#FFFFFF','#3F4C6A'], // 面板颜色组 array[string]
            chartOption: {
                type: 'gauge',
                coordinateSystem: 'gauge', // 坐标系
                chartStyle: {
                    max: 100,
                    itemStyle: {
                        color: '#3F4C6A'
                    },
                    progress: {
                        show: true,
                        width: 18
                    },
                    axisLine: {
                        lineStyle: {
                            width: 10,
                            color: [[1, '#E6EBF8']]
                        },
                    },
                    axisTick: {
                        show: false
                    },
                    splitLine: {
                        length: 5,
                        lineStyle: {
                            width: 2,
                            color: '#FFFFFF',
                        }
                    },
                    axisLabel: {
                        distance: 25,
                        color: '#FFFFFF',
                        fontSize: 14
                    },
                    anchor: {
                        show: true,
                        showAbove: true,
                        size: 25,
                        itemStyle: {
                            borderWidth: 10
                        }
                    },
                    title: {
                        show: false
                    },
                    detail: {
                        valueAnimation: true,
                        fontSize: 40,
                        offsetCenter: [0, '70%'],
                        color: '#FFFFFF'
                    },
                    pointer: {
                        show: true,
                        width: 6,
                        length: '60%',
                        itemStyle: {
                            color: '#3F4C6A'
                        }
                    },
                },
                option: {
                    color: ['#3F4C6A','#FFFFFF','#FFFFFF','#FFFFFF','#FFFFFF','#3F4C6A'],
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    series: []
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false,
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '', // 服务地址
            key: [], // 服务返回对象所选中的array的级联key
            type: 'static', // dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0,
                type: 'x'
            }],
            value: [
                ['value'],
                [70],
            ], // 二维数组 存静态数据 二维数组
        },
    },
    {
        id: 'Panel0102_0002',
        component: 'Panel0102', // string 仪表盘
        style: {
            width: {
                value: 400,
                pixel: 400,
                unit: 'px'
            },
            height: {
                value: 400,
                pixel: 400,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493','#F39673','#E46571','#ffffff','#E46571','#E46571'], // 面板颜色组 array[string]
            chartOption: {
                type: 'gauge',
                coordinateSystem: 'gauge', // 坐标系
                chartStyle: {
                    max: 100,
                    axisLine: {
                        lineStyle: {
                            width: 20,
                            color: [
                                [.3, '#F3E493'],
                                [.6, '#F39673'],
                                [1, '#E46571']
                            ]
                        }
                    },
                    pointer: {
                        show: true,
                        width: 6,
                        length: '60%',
                        itemStyle: {
                            color: '#E46571'
                        }
                    },
                    axisTick: {
                        show: true,
                        distance: -30,
                        length: 8,
                        lineStyle: {
                            color: '#FFFFFF',
                            width: 2
                        }
                    },
                    splitLine: {
                        distance: -30,
                        length: 30,
                        lineStyle: {
                            color: '#FFFFFF',
                            width: 4
                        }
                    },
                    axisLabel: {
                        color: '',
                        distance: 40,
                        fontSize: 20
                    },
                    detail: {
                        valueAnimation: true,
                        formatter: '{value} km/h',
                        color: '#E46571',
                        fontSize: 30
                    },
                },
                option: {
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    color: ['#F3E493','#F39673','#E46571','#ffffff','#E46571','#E46571'],
                    series: []
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false,
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '', // 服务地址
            key: [], // 服务返回对象所选中的array的级联key
            type: 'static', // dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0,
                type: 'x'
            }],
            value: [
                ['value'],
                [70],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Panel0103_0003',
        component: 'Panel0103', // string 仪表盘
        style: {
            width: {
                value: 400,
                pixel: 400,
                unit: 'px'
            },
            height: {
                value: 400,
                pixel: 400,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#FFAB91', '#999999', '#999999', '#999999', '#FFAB91','#E46571'], // 面板颜色组 array[string]
            chartOption: {
                type: 'gauge',
                coordinateSystem: 'gauge', // 坐标系
                chartStyle: {
                    radius: '70%',
                    center: ['50%', '60%'],
                    startAngle: 200,
                    endAngle: -20,
                    min: 0,
                    splitNumber: 10,
                    itemStyle: {
                      color: '#FFAB91'
                    },
                    progress: {
                      show: true,
                      width: 30
                    },
                    pointer: {
                      show: false
                    },
                    axisLine: {
                      lineStyle: {
                        width: 30
                      }
                    },
                    axisTick: {
                      show: true,
                      distance: -45,
                      splitNumber: 5,
                      lineStyle: {
                        width: 2,
                        color: '#999999'
                      }
                    },
                    splitLine: {
                      distance: -52,
                      length: 14,
                      lineStyle: {
                        width: 3,
                        color: '#999999'
                      }
                    },
                    axisLabel: {
                      distance: -20,
                      color: '#999999',
                      fontSize: 20
                    },
                    anchor: {
                      show: false
                    },
                    title: {
                      show: false
                    },
                    detail: {
                      valueAnimation: true,
                      width: '60%',
                      lineHeight: 40,
                      borderRadius: 8,
                      offsetCenter: [0, '-15%'],
                      fontSize: 60,
                      fontWeight: 'bolder',
                      formatter: '{value} °C',
                      color: '#FFAB91'
                    },
                },
                option: {
                    color: ['#FFAB91', '#999999', '#999999', '#999999', '#FFAB91'],
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    series: []
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false,
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '', // 服务地址
            key: [], // 服务返回对象所选中的array的级联key
            type: 'static', // dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0,
                type: 'x'
            }],
            value: [
                ['value'],
                [20],
            ], // 二维数组 存静态数据 二维数组
        }
    },
];
export default Template;